jQuery(document).ready(function() {
    jQuery('#vmap').vectorMap({
        map: 'usa_en',
        backgroundColor: null,
        color: '#333',
        hoverColor: '#999999',
        selectedColor: '#666666',
        enableZoom: true,
        borderColor: '#818181',
        borderWidth: 10,
        showTooltip: true,
        selectedRegion: 'MO',
        onRegionClick: function(element, code, region)
        {
            if (jQuery('#vmap').data('mapObject').isMoving == false) {
                var message = 'You clicked "'
                + region 
                + '" which has the code: '
                + code.toUpperCase();
                console.log(message);
                $('#'.concat(code)).bPopup();
                console.log('#'.concat(code));
            }
        }
    });
//Solución para no lanzar un click cuando se desplaza el mapa
var map = jQuery('#vmap').data('mapObject');
map.isMoving = false;
map.isMovingTimeout = false;
var mouseDown = false;
map.container.mousemove(function (e){
    if (mouseDown) {
        map.isMoving = true;
        if (map.isMovingTimeout != false) {
            clearTimeout(map.isMovingTimeout);
        }
    }
    return false;
}).mousedown(function (e){
    mouseDown = true;
    return false;
}).mouseup(function (){
    mouseDown = false;
    map.isMovingTimeout = setTimeout(function(){
        map.isMoving = false;
    }, 100);
    return false;
});
});